// 对于axios 进行二次封装
import axios from 'axios'
import { tokenValue, tokenExist } from './user'
import { ElLoading, ElMessage } from 'element-plus'
import store from '@/store'

import router from '@/router'
const request = axios.create({
  baseURL: process.env.VUE_APP_BASEURL,
  timeout: 8000
})
const options = {
  background: 'rgba(122, *122, 122, 0.8)',
  text: '加载中'
}
let loadingInstance = null
// 添加拦截器
request.interceptors.request.use(function (config) {
  // 在这里 获取 登录 返回 缓存中的token 在请求头中携带
  loadingInstance = ElLoading.service(options)
  if (tokenExist()) {
    config.headers.token = tokenValue()
  }
  return config
}, function (error) {
  loadingInstance.close()
  return Promise.reject(error)
})
request.interceptors.response.use(function (res) {
  // 在这里判断 token是否过期 或者 是否没有传token code为401 过期 403 没有传token
  loadingInstance.close()
  switch (res.data.code) {
    case 401:
      ElMessage({
        type: 'error',
        message: '登录过期，请重新登录',
        duration: 1000,
        onClose: () => {
          store.commit('user/CLEAR_USER')
          router.replace('/loginPage')
        }
      })
      break
    case 403:
      ElMessage({
        type: 'error',
        message: '用户未登录',
        duration: 1000,
        onClose: () => {
          store.commit('user/CLEAR_USER')
          router.replace('/loginPage')
        }
      })
      break
  }
  return res
}, function (error) {
  loadingInstance.close()
  return Promise.reject(error)
})

export default request
